<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="./font/iconfont.css">
		<script src="font/iconfont.js"></script>
		<link rel="stylesheet" type="text/css" href="./css/donghua.css" />
		<script src="js/animal.js"></script>
		<script src="js/lunbotu.js"></script>
		<script src="js/up-and-down.js"></script>
		<title></title>
	</head>
	<body>
		    <div id="head">
				<div class="search-wrap">
				
					<div class="search-touxiang">
						<a href="my1.html">
							<span class="iconfont icon-morentouxiang"></span>
						</a>
					</div>
					<!-- 中间块写标准流就行，不设置宽度 -->
				
					<div class="search">
						<div class="sousuo-box">
							<form action="">
								<span class="iconfont icon-sousuo"></span>
								<input type="search" value="龙的传人2.0" placeholder="" id="search" name="search">
							</form>
						</div>
					</div>
					<div class="search-right">
						<a href="#">
							<span class="iconfont icon-youxiyouxiji"></span>
							<span class="iconfont icon-xiaoxizhongxin"></span>
						</a>
					</div>
				
				</div>
				
			</div>
		    <div id="fixed">
				<!-- 文字栏 -->
				
				<div id="word">
					<ul class="nav">
						<li class="nav-item">
							<a class="nav-link" href="zhibo.html">直播</a>
						</li>
				
						<li class="nav-item">
							<a class="nav-link" href="tuijian.html">推荐</a>
						</li>
				
						<li class="nav-item ">
							<a class="nav-link" href="remen.html">热门</a>
						</li>
				
						<li class="nav-item active">
							<a class="nav-link" href="donghua.html">动画</a>
						</li>
				
				
						<li class="nav-item">
							<a class="nav-link" href="yingshi.html">影视</a>
						</li>
				
				
						<li class="nav-item">
							<a class="nav-link" href="jdbn.html">建党百年</a>
						</li>
				
				
					</ul>
				</div>
				
			</div>
	
		    
			<div id="main">		<!-- 中间内容 -->

		<!-- 内容1-轮播图 -->
		<div class="content-one">
			<div class="main">

				<!-- 左按钮 -->
				<a href="javascript:;" class="left">&lt;</a>
				<!-- 右按钮 -->
				<a href="javascript:;" class="right">&gt;</a>
				<!-- 滚动区 -->
				<ul>
					<li>
						<a href="#"><img src="./image/guidong1.jpg"></a>
					</li>
					<li>
						<a href="#"><img src="./image/guidong2.jpg"></a>
					</li>
					<li>
						<a href="#"><img src="./image/guidong1.jpg"></a>
					</li>
					<li>
						<a href="#"><img src="./image/guidong2.jpg"></a>
					</li>
					<li>
						<a href="#"><img src="./image/guidong2.jpg"></a>
					</li>
					<li>
						<a href="#"><img src="./image/guidong2.jpg"></a>
					</li>
				</ul>
				<!-- 小圆 -->
				<ol class="circle">
				</ol>

			</div>
		</div>




		<!-- 内容2-图片 -->
		<div class="context-two">
			<div class="view">
				<div class="xuanfu">
					<li>
						<a href="#">
							<svg class="icon" aria-hidden="true">
								<use xlink:href="#icon-yingyong"></use>
							</svg>
							<p>全部内容</p>
						</a>
					</li>

					<li>
						<a href="#">
							<svg class="icon" aria-hidden="true">
								<use xlink:href="#icon-dianshiju1"></use>
							</svg>
							<p>番&nbsp;&nbsp;&nbsp;&nbsp;剧</p>
						</a>
					</li>

					<li>
						<a href="#">
							<svg class="icon" aria-hidden="true">
								<use xlink:href="#icon-fenlei2"></use>
							</svg>
							<p>国&nbsp;&nbsp;&nbsp;&nbsp;创</p>
						</a>
					</li>

					<li>
						<a href="#">
							<svg class="icon" aria-hidden="true">
								<use xlink:href="#icon-changyongqingdan"></use>
							</svg>
							<p>时间表</p>
						</a>
					</li>

					<li>
						<a href="#">
							<svg class="icon" aria-hidden="true">
								<use xlink:href="#icon-xiulijihua"></use>
							</svg>
							<p>国创寻视</p>
						</a>
					</li>

					<li>
						<a href="#">
							<svg class="icon" aria-hidden="true">
								<use xlink:href="#icon-changyongqingdan"></use>
							</svg>
							<p>必剪热榜</p>
						</a>
					</li>

					<li>
						<a href="#">
							<svg class="icon" aria-hidden="true">
								<use xlink:href="#icon-aixin3"></use>
							</svg>
							<p>十月新番</p>
						</a>
					</li>

					<li>
						<a href="#">
							<svg class="icon" aria-hidden="true">
								<use xlink:href="#icon-gengduo"></use>
							</svg>
							<p>童年专区</p>
						</a>
					</li>

					<li>
						<a href="#">
							<svg class="icon" aria-hidden="true">
								<use xlink:href="#icon-dianshiju1"></use>
							</svg>
							<p>一起看</p>
						</a>
					</li>



				</div>
			</div>
		</div>

		<!-- 内容3-div左右滑动 -->
		<!--外部嵌套层-->
		<div class="context-three">
			<div class="box">
				<div class="box1">
					<a href="#">
						<img src="image/guitar.jpg" alt="">
						<u class="xuanfu">
							<li>
								<span class="shuzi">更新至第12话</span>
								<div class="dujia">
									<p>独家</p>
								</div>
							</li>
						</u>
					</a>

					<div class="view-word">
						<p>【限时5折】Tiger谭秋娟的吉他弹唱入门课</p>
						<p>724.6万系列追番</p>
					</div>
				</div>
				<div class="box1">

					<a href="#">
						<img src="image/guitar.jpg" alt="">
						<u class="xuanfu">

							<li>
								<span class="shuzi">更新至第12话</span>
								<div class="dujia">
									<p>独家</p>
								</div>
							</li>
						</u>
					</a>

					<div class="view-word">
						<p>【限时5折】Tiger谭秋娟的吉他弹唱入门课</p>
						<p>724.6万系列追番</p>
					</div>
				</div>
				<div class="box1">

					<a href="#">
						<img src="image/guitar.jpg" alt="">
						<u class="xuanfu">
							<li>
								<span class="shuzi">更新至第12话</span>
								<div class="dujia">
									<p>独家</p>
								</div>
							</li>
						</u>
					</a>

					<div class="view-word">
						<p>【限时5折】Tiger谭秋娟的吉他弹唱入门课</p>
						<p>724.6万系列追番</p>
					</div>

				</div>
				<div class="box1">

					<a href="#">
						<img src="image/guitar.jpg" alt="">
						<u class="xuanfu">
							<li>
								<span class="shuzi">更新至第12话</span>
								<div class="dujia">
									<p>独家</p>
								</div>
							</li>
						</u>
					</a>

					<div class="view-word">
						<p>【限时5折】Tiger谭秋娟的吉他弹唱入门课</p>
						<p>724.6万系列追番</p>
					</div>
				</div>
				<div class="box1">

					<a href="#">
						<img src="image/guitar.jpg" alt="">
						<u class="xuanfu">
							<li>
								<span class="shuzi">更新至第12话</span>
								<div class="dujia">
									<p>独家</p>
								</div>
							</li>
						</u>
					</a>

					<div class="view-word">
						<p>【限时5折】Tiger谭秋娟的吉他弹唱入门课</p>
						<p>724.6万系列追番</p>
					</div>

				</div>


			</div>
		</div>

		<div class="tuijian">

			<p>正在热播</p>

		</div>

	<!-- 内容4-盒子 -->
		<div class="context-four">
			<div class="view">

				<a href="#">
					<img src="image/guitar.jpg" alt="">
					<u class="xuanfu">
						<li>
							<div class="fanju">
								<span class="shuzi">番剧</span>
								<div class="dujia">
									<p>独家</p>
								</div>
							</div>
						</li>
						<li>
							<div class="re">
								<span class="shuzi">热</span>
							</div>
						</li>
						<li>
							<span class="shuzi"> 728.4万追番</span>
						</li>
					</u>
				</a>

				<div class="view-word">
					<p>【限时5折】Tiger谭秋娟的吉他弹唱入门课</p>
				</div>
			</div>


			<div class="view">

				<a href="#">
					<img src="image/guitar.jpg" alt="">
					<u class="xuanfu">
						<li>
							<div class="fanju">
								<span class="shuzi">番剧</span>
								<div class="dujia">
									<p>独家</p>
								</div>
							</div>
						</li>
						<li>
							<div class="re">
								<span class="shuzi">热</span>
							</div>
						</li>
						<li>
							<span class="shuzi"> 728.4万追番</span>
						</li>
					</u>
				</a>

				<div class="view-word">
					<p>【限时5折】Tiger谭秋娟的吉他弹唱入门课</p>
				</div>
			</div>



			<div class="view">

				<a href="#">
					<img src="image/guitar.jpg" alt="">
					<u class="xuanfu">
						<li>
							<div class="fanju">
								<span class="shuzi">番剧</span>
								<div class="dujia">
									<p>独家</p>
								</div>
							</div>
						</li>
						<li>
							<div class="re">
								<span class="shuzi">热</span>
							</div>
						</li>
						<li>
							<span class="shuzi"> 728.4万追番</span>
						</li>
					</u>
				</a>

				<div class="view-word">
					<p>【限时5折】Tiger谭秋娟的吉他弹唱入门课</p>
				</div>
			</div>


			<div class="view">

				<a href="#">
					<img src="image/guitar.jpg" alt="">
					<u class="xuanfu">
						<li>
							<div class="fanju">
								<span class="shuzi">番剧</span>
								<div class="dujia">
									<p>独家</p>
								</div>
							</div>
						</li>
						<li>
							<div class="re">
								<span class="shuzi">热</span>
							</div>
						</li>
						<li>
							<span class="shuzi"> 728.4万追番</span>
						</li>
					</u>
				</a>

				<div class="view-word">
					<p>【限时5折】Tiger谭秋娟的吉他弹唱入门课</p>
				</div>
			</div>


			<div class="view">

				<a href="#">
					<img src="image/guitar.jpg" alt="">
					<u class="xuanfu">
						<li>
							<div class="fanju">
								<span class="shuzi">番剧</span>
								<div class="dujia">
									<p>独家</p>
								</div>
							</div>
						</li>
						<li>
							<div class="re">
								<span class="shuzi">热</span>
							</div>
						</li>
						<li>
							<span class="shuzi"> 728.4万追番</span>
						</li>
					</u>
				</a>

				<div class="view-word">
					<p>【限时5折】Tiger谭秋娟的吉他弹唱入门课</p>
				</div>
			</div>


			<div class="view">

				<a href="#">
					<img src="image/guitar.jpg" alt="">
					<u class="xuanfu">
						<li>
							<div class="fanju">
								<span class="shuzi">番剧</span>
								<div class="dujia">
									<p>独家</p>
								</div>
							</div>
						</li>
						<li>
							<div class="re">
								<span class="shuzi">热</span>
							</div>
						</li>
						<li>
							<span class="shuzi"> 728.4万追番</span>
						</li>
					</u>
				</a>

				<div class="view-word">
					<p>【限时5折】Tiger谭秋娟的吉他弹唱入门课</p>
				</div>
			</div>


			<div class="view">

				<a href="#">
					<img src="image/guitar.jpg" alt="">
					<u class="xuanfu">
						<li>
							<div class="fanju">
								<span class="shuzi">番剧</span>
								<div class="dujia">
									<p>独家</p>
								</div>
							</div>
						</li>
						<li>
							<div class="re">
								<span class="shuzi">热</span>
							</div>
						</li>
						<li>
							<span class="shuzi"> 728.4万追番</span>
						</li>
					</u>
				</a>

				<div class="view-word">
					<p>【限时5折】Tiger谭秋娟的吉他弹唱入门课</p>
				</div>
			</div>


			<div class="view">

				<a href="#">
					<img src="image/guitar.jpg" alt="">
					<u class="xuanfu">
						<li>
							<div class="fanju">
								<span class="shuzi">番剧</span>
								<div class="dujia">
									<p>独家</p>
								</div>
							</div>
						</li>
						<li>
							<div class="re">
								<span class="shuzi">热</span>
							</div>
						</li>
						<li>
							<span class="shuzi"> 728.4万追番</span>
						</li>
					</u>
				</a>

				<div class="view-word">
					<p>【限时5折】Tiger谭秋娟的吉他弹唱入门课</p>
				</div>
			</div>
</div>


		<!-- 底部 -->
		<div class="footer">
			<ul id="bnav">
				<li class="footer-nav active">
					<svg class="icon" aria-hidden="true">
						<use xlink:href="#icon-shouye2"></use>
					</svg>
					<p><a href="shouye.html" class="active">首页</a></p>
				</li>

				<li class="footer-nav">
					<svg class="icon" aria-hidden="true">
						<use xlink:href="#icon-fengche"></use>
					</svg>
					<p><a href="#">动态</a></p>
				</li>

				<li class="footer-nav">
					<svg class="icon" aria-hidden="true">
						<use xlink:href="#icon-fabu1"></use>
					</svg>
					<p><a href="#"></a></p>
				</li>

				<li class="footer-nav">
					<svg class="icon" aria-hidden="true">
						<use xlink:href="#icon-iconset0317"></use>
					</svg>
					<p><a href="#">会员购</a></p>
				</li>


				<li class="footer-nav">
					<svg class="icon" aria-hidden="true">
						<use xlink:href="#icon-bilibili-line"></use>
					</svg>
					<p><a href="my1.html">我的</a></p>
				</li>
			</ul>

		</div>


	</body>

</html>
